<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/idangerous.swiper.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/newbase.css">
    <script src="__STATIC__/js/jquery-1.8.2.js"></script>
    <script src="__STATIC__/js-wap/idangerous.swiper.min.js"></script>
    <title>我的钱包</title>
    <script>
        $(function () {
            if ('{$info.pay_pass}' != ''){
                $('.num').each(function (i,o) {
                    $(o).css('width','49%').css('margin-bottom','3%');
                    if (i%2 == 1){
                       $(o).css('border','none');
                    }
                });
            }
        })
    </script>
    <style>
        .wrap-shop .center .menu li img{  width: 70px;  height: 70px;  display: block;  margin: 0 auto;  }
        .device {  width: 94%;  position: relative;  padding-left: 3%;  padding-right: 3%;  margin: 10px auto;  height: 190px;  border-radius: 20px;  }
        .swiper-container {  width: 100%;  height: 190px;  color: #fff;  text-align: center;  }
        .swiper-slide {  height: 100%;  opacity: 0.4;  -webkit-transition: 300ms;  -moz-transition: 300ms;  -ms-transition: 300ms;  -o-transition: 300ms;  transition: 300ms;
            -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  border-radius: 6px;  }
        .swiper-slide-visible {  opacity: 0.5;  -webkit-transform: scale(0.9);  -moz-transform: scale(0.9);  -ms-transform: scale(0.9);  -o-transform: scale(0.9);  transform: scale(0.9);  }
        .swiper-slide-active {  top: 0;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  }
        .pagination {  position: absolute;  z-index: 20;  left: 0px;  width: 100%;  text-align: center;  bottom: 0;  display: none;  }
        .swiper-pagination-switch {  display: inline-block;  width: 10px;  height: 10px;  border-radius: 8px;  background: #aaa;  margin-right: 8px;  cursor: pointer;  -webkit-transition: 300ms;  -moz-transition: 300ms;  -ms-transition: 300ms;  -o-transition: 300ms;
            transition: 300ms;  opacity: 0;  position: relative;  top: -50px;  }
        .swiper-visible-switch {  opacity: 1;  top: 0;  background: #aaa;  }
        .swiper-active-switch {  background: #fff;  }
        .swiper-slide .tips {  height: 150px;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  font-size: 20px;  line-height: 2;  }
        .swiper-slide .title {  text-align: center;  background: white;  color: #333;  font-size: 16px;  line-height: 40px;  }
        .swiper-slide .title img {  width: 22px;  display: inline-block;  margin: 11px 5px 0 0;  height: 17px;  float: left;  }
        .swiper-slide .title > a {  text-align: center;  color: #333;  display: block;  }
        .swiper-slide .title > a > div {  display: inline-block;  }
        .board{width: 100%;height:100%;position: fixed; top:0;left:0;max-width: 720px;background: rgba(0,0,0,0.4);z-index: 10;display: none;}
        .board_con{width: 74%;top:22%;left:13%;z-index:11;padding-bottom:30px;background: white;border-radius: 10px;overflow: hidden;position: absolute;display: none;}
        .board_con h4{color:white;font-size: 22px;line-height: 76px;text-align: center;background: linear-gradient(to right,#F94431,#FB7026);}
        .board_con ul{width: 70%;margin: 0 auto;padding: 5% 0;}
        .board_con ul li{padding: 8% 0;}
        .board_con ul li input{display: none;}
        .board_con ul li input + label{-webkit-appearance: none;background: url("__STATIC__/img-new/new_icon12.png") no-repeat center left;background-size: 18px 18px;padding: 0 7px 0 25px;display: inline-block;font-size: 16px;line-height: 18px;}
        .board_con ul li input:checked + label{background: url("__STATIC__/img-new/new_icon11.png") no-repeat center left;background-size: 18px 18px;}
        .board_con>input{width: 80%;border-radius:4px;display: block;margin: 0 auto;font-size: 16px;line-height: 40px;background: #E73F09;color:white;border: none;outline: none;text-align: center;}
    </style>
</head>
<body>
<div class="wrap-shop">
    <!--标题-->
    <div class="header">
        <p>我的钱包</p>
        <img src="__STATIC__/img/back.png" class="back" onclick=window.location.href=sessionStorage.getItem('wallet_index') >
        <span><a href="{:url('mobile/user_info/wallet_details')}">明细</a></span>
    </div>
    <!--标题-->


    <div class="center">

        <!--佣金 余额-->
        <div class="device">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper_1">
                        <div class="tips" style="background: url('__STATIC__/img-new/new-bg.png') no-repeat;background-size: 100% 100%;">当前余额（元）<br>{if condition="$amount"}{$amount}{else/}0.00{/if}</div>
                        <div class="title"><a href="javascript:to_recharge();"><div><img src="__STATIC__/img-new/new_icon9.png">充值</div></a></div>
                    </div>
                    <div class="swiper-slide">
                        <div class="tips" style="background: url('__STATIC__/img-new/new-bg1.png') no-repeat;background-size: 100% 100%;">佣金余额（元）<br>{$brokerage}</div>
                        <div class="title commission"><a href="javascript:;"><div><img src="__STATIC__/img-new/new_icon10.png">提现</div></a></div>
                    </div>
                </div>
            </div>
            <div class="pagination"></div>
        </div>
        <!--佣金 余额-->

        <script>
            var mySwiper = new Swiper('.swiper-container',{
                pagination: '.pagination',
                paginationClickable: true,
                slidesPerView: 1.2,
                watchActiveIndex: true
            })
        </script>

        <ul class="menu">
            <li><a href="javascript:commission();"><img src="__STATIC__/img-new/new_icon5.png"><span>佣金</span><span class="tips">{$brokerage}</span></a>
            </li>
            <li><a href="{:url('mobile/user_info/my_coupon_index')}"><img src="__STATIC__/img-new/new_icon6.png"><span>优惠券</span><span class="tips"></span></a>
            </li>
            <li><a href="javascript:to_red_packet();"><img src="__STATIC__/img-new/new_icon7.png"><span>红包</span><span class="tips"></span></a>
            </li>
            <li><a href="javascript:to_integral();"><img src="__STATIC__/img-new/new_icon8.png"><span>积分</span><span class="tips"></span></a></li>
        </ul>
    </div>
</div>
<div class="board"></div>
<div class="board_con">
    <h4>选择类型</h4>
    <ul>
        <!--<li><input type="radio" id="radio_1" name="radio" checked value="1"><label for="radio_1">提现</label></li>-->
        <li><input type="radio" id="radio_2" name="radio" value="2"><label for="radio_2">转化余额</label></li>
    </ul>
    <input type="submit" value="确认" onclick="withdrawals();">
</div>
<script src="__STATIC__/js/layer_mobile/layer.js"></script>
<script>

//    // 跳转设置支付密码
//    function jump_pwd(type){
//
//        sessionStorage.setItem('recharge_back_url',window.location.href);
//        //设置过密码
//        if ('{$info.pay_pass}'){
//            //修改密码
//            if (type == 2){
//                window.location.href = "{:url('mobile/pay_pass/check')}?act=edit";
//            }else if (type == 3){
//                //忘记密码
//                if ('{$info.wechat_id}' && !'{$info.username}') {
//                    //微信登录并且未绑定手机号直接跳过手机验证
//                    window.location.href = "{:url('mobile/pay_pass/check')}?act=forget";
//                }else{
//                    //(手机登录)去验证手机号
//                    window.location.href = "{:url('mobile/pay_pass/edit')}?act=forget";
//                }
//            }
//        }else{
//            //去设置密码
//            if ('{$info.wechat_id}' && !'{$info.username}'){
//                //微信登录并且未绑定手机号直接跳过手机验证
//                window.location.href = "{:url('mobile/pay_pass/check')}?act=set";
//            }else{
//                //(手机登录)去验证手机号
//                window.location.href = "{:url('mobile/pay_pass/edit')}?act=set";
//            }
//        }
//    }
    // 确认提现
// 确认提现
function withdrawals() {
    var select = $("input[name=radio]:checked").val();
    // 提现第三方
    if (select==1) {
        sessionStorage.setItem('recharge_back_url',window.location.href);
        window.location.href = "/index.php/mobile/user_info/withdrawals.html";
    }else{
        sessionStorage.setItem('withdrawals_back',window.location.href);
        window.location.href = "/index.php/mobile/user_info/to_balance.html";
    }
}



    // 跳转去充值页面
    function to_recharge(){
        sessionStorage.setItem('recharge_back_url',window.location.href);
        window.location.href = "{:url('mobile/recharge/index')}";
    }

    // 跳转佣金主页
    function commission() {
        sessionStorage.setItem('commission_back',window.location.href);
        window.location.href = "{:url('mobile/user_info/brokerage_index')}";

    }

    // 跳转我的红包
    function to_red_packet() {
        sessionStorage.setItem('red_packet',window.location.href);
        window.location.href = " {:url('mobile/user_info/packet')}";
    }

    // 跳转积分商城
    function to_integral() {
        sessionStorage.setItem('integral_index',window.location.href);
        window.location.href = "{:url('mobile/user_info/integral_index')}";
    }

    $(function () {
        $(".commission").click(function () {
            $(".board").show();
            $(".board_con").show();
        })
        $(".board").click(function () {
            $(this).hide();
            $(".board_con").hide();
        })
    })

</script>
</body>
</html>